.login_background{
  background-image: url("../../Picture/Group 4.png");
  height:100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login_boundary{
  background: rgba(255,255,255,0.3);
  border-radius: 38px;
  width: 560px;
  height:667px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  /* position: relative; */
}
.icon{
  position: absolute; 
  left: 30px;
  z-index:5;
  background-repeat: no-repeat;
  background-position: 0px 0px; 
}
.login_logo{
  width: 300px;
  height: 300px;
  overflow: hidden;
  margin-top: -164px;

}
.login_title{
  font-family: PingFangSC-Medium;
  font-size: 28px;
  color: #C9AE79;
}
.username_box{
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.username_icon{
  background-image: url('../../Picture/id.png'); 
  width: 36px; 
  height: 25px; 
}
.input{
  font-weight: bold;
  width:480px;
  height:68px;
  background: rgba(255,255,255,0.10);
  border: 2px solid #C9AE79;
  border-radius: 100px;
  font-family: PingFangSCRegular;
  font-size: 28px;
  color: #FFFFFF;
  padding-left: 100px;
  outline: none;
}

.password_box{
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.password_icon{
  background-image: url('../../Picture/lock.png'); 
  width: 32px; 
  height: 36px; 
}
.validateCode_box{
  display: flex;
  margin-top: 40px;
}
.validateCode{
  width: 300px;
  height:68px;
  background: rgba(255,255,255,0.10);
  border: 2px solid #C9AE79;
  border-radius: 100px;
  font-family: PingFangSCRegular;
  font-size: 28px;
  color: #FFFFFF;
  padding-left: 30px;
  outline: none;
  margin-right: 20px;
}
.validataCode_image{
  width: 150px;
  height: 68px;
}
.login_button{
  /* display: flex;
  align-items: center; */
  margin-top: 40px;
}
.login_button>Button{
  width: 480px;
  height: 68px;
  background: #C9AE79;
  border-radius: 100px;
  border:none;
  outline: none;
  font-family: PingFangSC-Medium;
  font-size: 28px;
  color: #FFFFFF;
}
